<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <script>
      /***********************************
            1.请写出javascript的三种循环
        ***********************************/
      /* 
        1. while (条件) {代码}
        2.  do {代码} while(条件)
        3. for(定义初始量;循环条件;步长){代码}
 */
      /***********************************
            2.在控制台中用循环输出 0 0.2 0.4 0.6 0.8 1
        ***********************************/

      for (var i = 0; i <= 100; i++) {
        if (i % 20 == 0) {
          console.log(i / 100);
        }
      }

      

      /***********************************
            3.请写出break和continue作用和区别
        ***********************************/
      /* 
        1. break:跳出整个循环
        2.continue：跳出当前循环
*/

      /***********************************
            4.循环输出1-100 里的奇数
        ***********************************/

      for (var i = 0; i <= 100; i++) {
        if (i % 2 != 0) {
          console.log(i);
        }
      }

      /***********************************
            5.有一座桥，当你身上所拥有的钱大于 30000 时，每过一次桥则需要支付 3000 元。当你身上的钱小于或等于 30000 时，每过一次桥则需要支付你身上 10%的钱。已知有一个人身上有 33000 元，问此人能过这座桥多少次之后，身上的钱会少于 100 块?
        ***********************************/
      var n = 0;
      var m = 33000;
      while (m > 100) {
        if (m > 30000) {
          m -= 3000;
          i++;
        } else {
          m -= m * 0.1;
          n++;
        }
      }
      console.log(n);

      // 哒咩
      // var n = 0;
      // for (var m = 33000; m >= 100; m--) {
      //   if (m <= 30000) {
      //     m -= m * 0.1;
      //   } else {
      //     m -= 3000;
      //   }
      //   n++;
      // }
      // console.log(n);

      /***********************************
            6.小明去存 1000 钱，每天会产生 1%的利息，求问，30 天后，小明可以拿回多少钱
        ***********************************/

      var m = 1000;
      for (var d = 0; d <= 30; d++) {
        m = m + m * 0.01;
      }
      console.log(m);

      /**********************************
            7.小明题目升级版，小明拿着1000块在周一买入基金，一开户立给10块红利，逢周六日没有利息，平时利息为1%，请问30天后，小明可以拿回多少钱？
        **********************************/

      var m = 1000 + 10;
      for (var d = 0; d <= 30; d++) {
        if (d % 6 == 0 || d % 7 == 0) {
          m = m;
        } else {
          m *= 1.01;
        }
      }
      console.log(m);

      /***********************************
            8. 制作一个乘法口诀表:
        ***********************************/

      // <style>
      //   td{
      //     text-align: center;
      //     width: 60px;
      //     border: 1px solid #000;
      //     border-radius: 10%;
      //   }
      // </style>

      document.write("<table>");
      for (var i = 1; i <= 9; i++) {
        document.write("<tr>");
        for (var j = 1; j <= i; j++) {
          document.write("<td>");
          document.write(i + "*" + j + "=" + i * j);
          document.write("</td>");
        }
        document.write("</tr>");
      }
      document.write("</table>");

      /**********************************************
            9.制作一个黑白棋盘   奇数行 && 奇数列 || 偶数行 && 偶数列
        **********************************************/

      // <style>
      //   * {
      //     margin: 0;
      //     padding: 0;
      //   }
      //   table {
      //     border: 1px solid #000;
      //   }
      //   td {
      //     width: 30px;
      //     height: 30px;
      //   }
      // </style>

      document.write("<table>");
      for (var i = 0; i <= 9; i++) {
        document.write("<tr>");
        for (var j = 0; j <= 9; j++) {
          if ((i % 2 == 0 && j % 2 == 0) || (i % 2 == 1 && j % 2 == 1)) {
            document.write("<td style='background-color: #000;'>");
            document.write("</td>");
          } else {
            document.write("<td style='background-color: #fff'>");
            document.write("</td>");
          }
        }
        document.write("</tr>");
      }
      document.write("</table>");
    </script>
  </body>
</html>
